@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
* {
	margin: 0;
	padding: 0;
}
body {
	font-size: 20px;
    background-color: #f4f4f4; /* 轻微灰色背景 */
    font-family: "Roboto", sans-serif;
    font-weight: bolder;
}
.header {
	font-family: "Noto Sans SC", sans-serif;
	font-size: 20px;
}
.header,.footer {
	height:50px;
	background-color: #cdcdcd;
}
.footer {
	position:fixed;
	bottom: 0px;
	width: 100%;
	text-align: center;
}
ul {
	line-height: 50px;
}
.u1 {
	position: absolute;
	background-color: #007FFF;
}
ul>li {
	list-style-type: none;
	display: inline-block;
	font-size: 24px;
	margin: 0px 10px;
	text-align: center;
}
a {
	color: #007FFF;
	text-decoration: none;
}
.menu {
	color: #007FFF;
	width: 120px;
	font-size: 24px;
	position: relative;
}
.menu:hover {
	background-color: #007FFF;
	color: #FFF;
	cursor: pointer; /* 鼠标悬停时显示手型指针 */
}
.menu>ul {
	width: 100%;
	display: none;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.menu>ul>li {
	width: 100%;
	height: 50px;
	font-size: 20px;
	text-align: center;
}
.menu>ul>li:hover {
    background-color: #1890ff;
}
.footer>span{
	line-height: 50px;
}
.title{
	font-family:"Noto Sans SC", sans-serif;
	padding: 10px;
	text-align: center;
	color: #333; /* 设置标题文字颜色为深灰色 */
}
.t1 a {
	color:#007FFF;
}
.f1 {
    width: 600px; /* 表单宽度设置为360px */
    margin: 5px auto; /* 上下外边距为30px，左右自动居中 */
    background: #FFF;
    padding: 30px 30px; /* 表单内边距：上下40px，左右30px */
    border-radius: 8px; /* 设置表单的圆角半径为8px */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 添加淡淡的阴影效果 */
}
.f2 {
    width: 600px; /* 表单宽度设置为360px */
    margin: 5px auto; /* 上下外边距为30px，左右自动居中 */
    background: #fff; /* 表单背景颜色为白色 */
    padding: 30px 30px; /* 表单内边距：上下40px，左右30px */
    border-radius: 8px; /* 设置表单的圆角半径为8px */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 添加淡淡的阴影效果 */
}
table{
	margin: auto;
	text-align: center;
}
.ta{
	margin: auto;
	text-align: center;
	margin-bottom:100px;
	width: 100%; /* 表格宽度占满父容器 */
    border-collapse: separate; /* 分离边框模型，保留单元格间距 */
    border-spacing: 0; /* 单元格间距设置为0 */
}
.ta tr {
    margin-bottom: 15px; /* 表格行底部外边距为15px */
}
.ta td {
    padding: 10px 0; /* 单元格上下内边距为10px */
    vertical-align: middle; /* 单元格内容垂直居中 */
}
.tp {
    width: 150px; /* 第一列单元格宽度设置为80px */
    text-align: center; /* 第一列单元格文本右对齐 */
    color: #666; /* 文本颜色设置为灰色 */
}
table td + td {
    padding-left: 30px; /* 为除第一列外的单元格添加左侧内边距 */
}
table input[type="text"],table input[type="password"]{
	width: 100%; /* 输入框宽度占满父单元格 */
    padding: 8px 12px; /* 输入框内边距：上下8px，左右12px */
    border: 1px solid #d9d9d9; /* 设置输入框边框颜色和样式 */
    border-radius: 4px; /* 输入框圆角半径为4px */
    font-size: 14px; /* 输入框字体大小为14px */
}
.show td{
	max-width:100px;
}
table input[type="checkbox"] {
    margin-right: 5px; /* 复选框右侧外边距为5px */
}
.sub1 {
	font-weight:bolder;
    width: 100%; /* 按钮宽度占满父单元格 */
    padding: 10px 0; /* 按钮上下内边距为10px */
    background-color: #1890ff; /* 按钮背景颜色为蓝色 */
    border: none; /* 去除按钮边框 */
    border-radius: 4px; /* 按钮圆角半径为4px */
    color: #fff; /* 按钮文字颜色为白色 */
    font-size: 16px; /* 按钮字体大小为16px */
    cursor: pointer; /* 鼠标悬停时显示手型指针 */
    margin-top: 10px; /* 按钮顶部外边距为10px */
}
.sub1:hover {
    background-color: #40a9ff; /* 鼠标悬停时按钮背景颜色变亮 */
}
table input[type="button"]{
	width: 100px;
	height: 25px;
}
.f3 div {
  margin-bottom: 10px; /* 在按钮上方添加一些间距 */
}
.f3 input[type="text"] {
  width: 50px; /* 设置文本框的宽度 */
}
.f3 input[type="submit"] {
  width: 60px; /* 设置提交按钮的宽度 */
  cursor: pointer; /* 鼠标悬停时显示指针 */
}
li.button a {
    color: #007FFF;
    transition: background-color 0.3s ease; /* 设置背景色变化的过渡效果 */
}
li.button a:hover {
    color: #FF0040;
}
.sub2 {
    width: 80%; /* 按钮宽度占满父单元格 */
    background-color: #1890ff; 
    margin:4px 0;
    padding:6px 0;
    margin-right: 20px;
    border: none; /* 去除按钮边框 */
    border-radius: 4px; /* 按钮圆角半径为4px */
    cursor: pointer; /* 鼠标悬停时显示手型指针 */
    font-size: 16px; /* 按钮字体大小为16px */
    font-weight:bolder;
    color: #fff; /* 按钮文字颜色为白色 */
}
.sub2:hover {
    background-color: #40a9ff; /* 鼠标悬停时按钮背景颜色变亮 */
}
.sub2 a{
	font-size: 16px; /* 按钮字体大小为16px */
    font-weight:bolder;
    color: #fff; /* 按钮文字颜色为白色 */
}
.sub3 {
    width: 80%; /* 按钮宽度占满父单元格 */
    padding: 10px 0; /* 按钮上下内边距为10px */
    background-color: #5cb85c; 
    border: none; /* 去除按钮边框 */
    border-radius: 4px; /* 按钮圆角半径为4px */
    color: #fff; /* 按钮文字颜色为白色 */
    font-size: 14px; /* 按钮字体大小为16px */
    font-weight:bolder;
    cursor: pointer; /* 鼠标悬停时显示手型指针 */
    margin-top: 10px; /* 按钮顶部外边距为10px */
}
.sub3:hover {
    background-color: #4cae4c; /* 鼠标悬停时按钮背景颜色变亮 */
}
.sub4 {
    width: 45%; /* 按钮宽度占满父单元格 */
  	margin:4px 0;
    padding:6px 0;
    background-color: #1890ff; 
    border: none; /* 去除按钮边框 */
    border-radius: 4px; /* 按钮圆角半径为4px */
    cursor: pointer; /* 鼠标悬停时显示手型指针 */
}
.sub4:hover {
    background-color: #40a9ff; /* 鼠标悬停时按钮背景颜色变亮 */
}
.sub4 a{
	font-size: 16px; /* 按钮字体大小为16px */
    font-weight:bolder;
    color: #fff; /* 按钮文字颜色为白色 */
}